<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:form>
        <p:dataGrid var="categorie" value="#{mbCatalogue.categories}" columns="5"  
                    rows="12" paginator="true"  
                    rowsPerPageTemplate="9,12,15">  
            <p:panel header="#{categorie.nomCategorie}" style="text-align:center" >  
                <h:panelGrid columns="1" style="width:100%">  
                    <p:commandLink 
                        ajax="false"
                        action="#{mbCatalogue
                                  .afficherProduitsParCategorie(categorie)}">
                    <p:graphicImage 
                        value="#{categorie.imageCategorie}" 
                        width="150" 
                        height="150"
                        cache="true"/>   
                    </p:commandLink>
                 </h:panelGrid>  
                
            </p:panel>  
        </p:dataGrid>  
    </h:form>
</html>
